<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>菜园主页</title>

		<link href="<%=basePath %>AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
		<link href="<%=basePath %>AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css" />

		<link href="<%=basePath %>basic/css/demo.css" rel="stylesheet" type="text/css" />

		<link href="<%=basePath %>css/hmstyle.css" rel="stylesheet" type="text/css" />
		<script src="<%=basePath %>AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
		<script src="<%=basePath %>AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
		<style>
			#lunbo img{
				display: inline-block;
				margin:0 auto;
				width:1100px;
				position:relative;
				transform: translateX(-55%);
			}
		</style>
	</head>

	<body>
		<div class="hmtop">
			<!--顶部导航条 -->
			<div class="am-container header">
				<ul class="message-l">
					<div class="topMessage">
						<div class="menu-hd">
							<a href="#" target="_top" class="h">亲，请登录</a>
							<a href="#" target="_top">免费注册</a>
						</div>
					</div>
				</ul>
				<ul class="message-r">
					<div class="topMessage home">
						<div class="menu-hd"><a href="#" target="_top" class="h">商城首页</a></div>
					</div>
					<div class="topMessage my-shangcheng">
						<div class="menu-hd MyShangcheng"><a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
					</div>
					<div class="topMessage mini-cart">
						<div class="menu-hd"><a id="mc-menu-hd" href="#" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
					</div>
					<div class="topMessage favorite">
						<div class="menu-hd"><a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
				</ul>
				</div>

				<!--悬浮搜索框-->

				<div class="nav white">
					<div class="logo"><img src="<%=basePath %>images/logo.png" /></div>
					<div class="logoBig">
						<li><img src="<%=basePath %>images/logobig.png" /></li>
					</div>
					<div class="search-bar pr">
						<a name="index_none_header_sysc" href="#"></a>
						<form>
							<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
							<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
						</form>
					</div>
				</div>

				<div class="clear"></div>
			</div>
			
			
			<div class="banner">
                      <!--轮播 -->
						<div class="am-slider am-slider-default scoll" data-am-flexslider id="demo-slider-0">
							<ul class="am-slides" id="lunbo">
								<c:forEach items="${carouselList}" var="item" varStatus="vs">
									<li class="banner${vs.index+1}" style="background:white;"><a href=""><img  src="<%=basePath %>gardenimages/${item.gardenname}/${item.gardenimages}" /></a></li>
								</c:forEach>
							</ul>
						</div>
						<div class="clear"></div>	
			</div>						
			
			<div class="shopNav">
				<div class="slideall">
					   <div class="nav-cont">
							<ul>
								<li class="index"><a href="#">首页</a></li>
                                <li class="qc"><a href="#">闪购</a></li>
                                <li class="qc"><a href="#">限时抢</a></li>
                                <li class="qc"><a href="#">团购</a></li>
                                <li class="qc last"><a href="#">大包装</a></li>
							</ul>
						</div>
						<!--轮播 -->
						<script type="text/javascript">
							(function() {
								$('.am-slider').flexslider();
							});
							$(document).ready(function() {
								$("li").hover(function() {
									$(".category-content .category-list li.first .menu-in").css("display", "none");
									$(".category-content .category-list li.first").removeClass("hover");
									$(this).addClass("hover");
									$(this).children("div.menu-in").css("display", "block")
								}, function() {
									$(this).removeClass("hover")
									$(this).children("div.menu-in").css("display", "none")
								});
							})
						</script>
			</div>
			<div class="shopMainbg">
				<div class="shopMain" id="shopmain">

					<!--今日推荐 -->

					<div class="am-g am-g-fixed recommendation">
						<c:forEach items="${recommendGoodsList}" var="item" varStatus="vs">
							<div class="am-u-sm-4 am-u-lg-3 ">
								<div class="info ">
									<h3>${item.goodsname}</h3>
									<h4>${item.nutrition}</h4>
								</div>
								<div class="recommendationMain ">
									<img style="width:190px;height:125px;" src="<%=basePath %>goodsimages/${item.goodsimages}"></img>
								</div>
							</div>	
						</c:forEach>
					</div>
					<div class="am-container ">
						<div class="shopTitle ">
							<h4>蔬菜</h4>
							<h3>你是我的菜么？不，我是你健康</h3>
						</div>
					</div>
					<div class="am-g am-g-fixed flood method3 ">
						<ul class="am-thumbnails ">
							<c:forEach items="${recommendGoodsVegetableList}" var="item">
								<li>
									<div class="list ">
										<a href="# ">
											<img style="width:190px;height:125px;" src="<%=basePath %>goodsimages/${item.goodsimages}"/>
											<div class="pro-title ">${item.goodsname}</div>
											<span class="e-price ">￥${item.price}</span>
										</a>
									</div>
								</li>
							</c:forEach>
						</ul>
					</div>
					<div class="am-container ">
						<div class="shopTitle ">
							<h4>家禽</h4>
							<h3>你是我的肉么？不，我是你营养</h3>
						</div>
					</div>
					<div class="am-g am-g-fixed flood method3 ">
						<ul class="am-thumbnails ">
							<c:forEach items="${recommendGoodsPoultryList}" var="item">
								<li>
									<div class="list ">
										<a href="# ">
											<img  style="width:190px;height:125px;" src="<%=basePath %>goodsimages/${item.goodsimages}"/>
											<div class="pro-title ">${item.goodsname}</div>
											<span class="e-price ">￥${item.price}</span>
										</a>
									</div>
								</li>
							</c:forEach>
						</ul>
					</div>
					<div class="am-container ">
						<div class="shopTitle ">
							<h4>瓜果</h4>
							<h3>你是我的甜么？不，我是你小心肝</h3>
						</div>
					</div>
					<div class="am-g am-g-fixed flood method3 ">
						<ul class="am-thumbnails ">
							<c:forEach items="${recommendGoodsFruitList}" var="item">
								<li>
									<div class="list ">
										<a href="# ">
											<img style="width:190px;height:125px;" src="<%=basePath %>goodsimages/${item.goodsimages}"/>
											<div class="pro-title ">${item.goodsname}</div>
											<span class="e-price ">￥${item.price}</span>
										</a>
									</div>
								</li>
							</c:forEach>
						</ul>
					</div>
					<div class="am-container ">
						<div class="shopTitle ">
							<h4>坚果</h4>
							<h3>你是我的果么？不，我是你心情</h3>
						</div>
					</div>
					<div class="am-g am-g-fixed flood method3 ">
						<ul class="am-thumbnails ">
							<c:forEach items="${recommendGoodsNutList}" var="item">
								<li>
									<div class="list ">
										<a href="# ">
											<img style="width:190px;height:125px;" src="<%=basePath %>goodsimages/${item.goodsimages}"/>
											<div class="pro-title ">${item.goodsname}</div>
											<span class="e-price ">￥${item.price}</span>
										</a>
									</div>
								</li>
							</c:forEach>
						</ul>
					</div>
					<div class="footer ">
						<div class="footer-hd ">
							<p>
								<a href="# ">恒望科技</a>
								<b>|</b>
								<a href="# ">商城首页</a>
								<b>|</b>
								<a href="# ">支付宝</a>
								<b>|</b>
								<a href="# ">物流</a>
							</p>
						</div>
						<div class="footer-bd ">
							<p>
								<a href="# ">关于恒望</a>
								<a href="# ">合作伙伴</a>
								<a href="# ">联系我们</a>
								<a href="# ">网站地图</a>
								<em>© 2015-2025 Hengwang.com 版权所有</em>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
		<script>
			window.jQuery || document.write('<script src="<%=basePath %>basic/js/jquery.min.js "><\/script>');
		</script>
		<script type="text/javascript " src="<%=basePath %>basic/js/quick_links.js "></script>
	</body>
</html>